@extends('layouts.iframelayout')

@section('main')
<section class="content">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">Thống kê <small>học viên</small></h3>
            </div><!-- /.box-header -->
            <div class="box-body">
                <div class="form-group"> 
                    <div class="row">
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" id='fr_hoi_dong_thi'>
                            <div class="form-group"  >
                                <label>Chọn Hội Đồng Thi</label>
                                <select name="hoi_dong_thi" multiple="multiple" class="form-control" id="hoi_dong_thi" >
                                    <option value='All' id="all_hoi_dong_thi">Tất Cả</option>
                                    <?php
                                    foreach ($ds_hoi_dong_thi as $ds_hoi_dong_thi) {
                                        echo '<option value="' . $ds_hoi_dong_thi->id . '">' . $ds_hoi_dong_thi->ten_hoi_dong_thi . '</option>';
                                    }
                                    ?>
                                </select>
                            </div>
                            <div class="form-group"  >
                                <button type="button" class="btn btn-info" id="submit"><i class="fa fa-plus"></i> Tạo Thống Kê</button>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" id='fr_khoa_thi'>
                            <div class="form-group"  >
                                <label>Chọn Khoá Thi</label>
                                <select name="khoa_thi" multiple="" class="form-control" id="khoa_thi" >
                                    <option value='All' id="all_khoa_thi">Tất Cả</option>
                                    <?php
                                    foreach ($ds_khoa_thi as $ds_khoa_thi) {
                                        echo '<option value="' . $ds_khoa_thi->id . '">' . $ds_khoa_thi->ma_khoa_thi . '</option>';
                                    }
                                    ?>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" id='fr_ket_qua'>
                            <div class="form-group"  >
                                <label>Chọn Kết Quả</label>
                                <select name="ket_qua" multiple="multiplemultiple" class="form-control" id="ket_qua" style="height: 65px;margin-bottom: -15px;">
                                    <option value='All' id="all_ket_qua">Tất Cả</option>
                                    <option value="1">Đạt</option>
                                    <option value="0">Chưa Đạt</option>
                                </select>
                            </div>
                        </div>

                        <!-- ngày thi -->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

                        </div>
                        <!-- ngày thi -->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        </div>
                        <!-- ngày thi -->
                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                            <div class="form-group">
                                <label>Từ Ngày Đến Ngày</label>
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-clock-o"></i>
                                    </div>
                                    <input type="text" class="form-control pull-right" id="daterangerpicker"/>
                                </div><!-- /.input group -->
                            </div><!-- /.form group -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>
<div hidden id="ten_can_bo">
    @foreach ($ten_can_bo as $ten_can_bo)
    {{{$ten_can_bo->hoten}}}
    @endforeach
</div>

<section class="content" id="thong_ke" hidden>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <div class="box box-primary">
            <div class="box-header">
                <div><h3 class="box-title">Kết Quả Thống Kê</h3></div>

            </div><!-- /.box-header -->

            <div class="box-body table-responsive">
                <div class="form-group">
                    <button id="print" type="button" class="btn bg-navy pull-right"><i class="fa fa-print"></i> In Thống Kê</button>
                    <button  type="button" class="btn btn-danger" onclick="tableToExcel('table_data', 'Sheet1')" ><i class="fa fa-cloud-download"></i> Xuất File Excel</button>
                    <br/><br/>
                </div>
                <div class="form-group">
                    <div id="results"></div>
                </div>

            </div>
        </div>
    </div>
</section>
<script type="text/javascript">
    $('#hoi_dong_thi').click(function(event) {
        var hoi_dong_thi_ar = [];
        var i = 0;
        $('#hoi_dong_thi :selected').each(function() {
            hoi_dong_thi_ar[i] = $(this).val();
            i++;
        });
        $.ajax({
            url: '<?php echo asset("ajax/dskhoathi") ?>',
            type: 'post',
            dataType: 'html',
            data: {hoi_dong_thi: hoi_dong_thi_ar},
        })
                .done(function(data) {
                    $('#khoa_thi').html(data);
                })
                .fail(function() {
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });

    });

    $('#all_nam_khoa_thi').click(function() {
        $('#nam_khoa_thi option').prop('selected', true);
    });
    $('#all_hoi_dong_thi').click(function() {
        $('#hoi_dong_thi option').prop('selected', true);
    });
    $('#all_khoa_thi').click(function() {
        $('#khoa_thi option').prop('selected', true);
    });
    $('#all_ket_qua').click(function() {
        $('#ket_qua option').prop('selected', true);
    });

    function selectallkhoathi() {
        $('#khoa_thi option').prop('selected', true);
    }

    $('#submit').on('click', function(event) {
        var hoi_dong_thi_ar = [];
        var i = 0;
        $('#hoi_dong_thi :selected').each(function() {
            if ($(this).val() == 'All') {

            }
            else {
                hoi_dong_thi_ar[i] = $(this).val();
                i++;
            }
        });

        var i = 0;
        var ket_qua_ar = [];
        $('#ket_qua :selected').each(function() {
            if ($(this).val() == 'All') {

            }
            else {
                ket_qua_ar[i] = $(this).val();
                i++;
            }
        });
        var i = 0;
        var khoa_thi_ar = [];
        $('#khoa_thi :selected').each(function() {
            if ($(this).val() == 'All') {

            }
            else {
                khoa_thi_ar[i] = $(this).val();
                i++;
            }
        });
        var ngay_thi = $('#daterangerpicker').val();
        if (hoi_dong_thi_ar == '') {
            alert('Vui lòng chọn hội đồng thi!!!');
        } else if (ket_qua_ar == '') {
            alert('Vui lòng chọn kết quả!!!');
        } else if (khoa_thi_ar == '') {
            alert('Vui lòng chọn khóa thi!!!');
        } else if (ngay_thi == '') {
            alert('Vui lòng chọn thời gian thi!!!');
        } else {

            $('#thong_ke').show();
            $('#results').html('<img src="<?php echo asset("public/images/loading46.gif"); ?>" width="5%" style="margin-left: 50%;">');
            $.ajax({
                url: '<?php echo asset("statistics/tonghop"); ?>',
                type: 'post',
                dataType: 'html',
                data: {
                    khoa_thi: khoa_thi_ar,
                    ket_qua: ket_qua_ar,
                    hoi_dong_thi: hoi_dong_thi_ar,
                    ngay_thi: ngay_thi
                },
            })
                    .done(function(data) {
                        $('#results').html(data);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        console.log("complete");
                    });
        }
    });
    $('#print').on('click', function(event) {
        var myWindow = window.open("", "MsgWindow", "width=800,height=600");
        myWindow.document.write('<style type="text/css">.big-box-res{    padding: 4px;    width: 95%;    margin:0 auto;}.big-box-res h3,h4{    text-align: center;    clear: both;    height: 25px;}table.table-hover    {    border: 1px solid black;    border-collapse:collapse;    width:100%;    margin: 0px 0px 5px 0px;        }table.ref td,th     {    border:1px solid black; padding:3px;    vertical-align:middle;    }.center {        text-align: center;}.bold {        font-weight: old;}.title {    margin: 50px 0 20px 0;    font-weight: bold;    font-size: 18px;    text-align: center;}.box{    width:90%;    margin:0 auto;    clear: both;    }.h_left{     width: 41%;     text-align:center;     float:left;    }.h_right{        width: 59%;     text-align:center;     font-weight:bold;     float:right;}.s_right{         width: 0%;     margin:30px 0 0 0;     text-align:center;     font-weight:bold;     float:right;}.line{    border-bottom: 1px solid black;    width: 30%;    margin: 0 auto;}.right{    text-decoration: none;    text-align: right;    height: 20px;}.row {    clear:both;   } .sign{margin: 20px 0px 0px 0px;float: right;}</style>');
        myWindow.document.write('<button id="del" style="float: right;" onclick="document.getElementById(\'del\').style.display = \'none\'; print();">In trang này</button>');
        myWindow.document.write('<div class="box"><span class="h_left">TRƯỜNG ĐẠI HỌC CẦN THƠ</span><span class="h_right">CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM</span></div><div class="box"><span class="h_left" style="font-weight: bold;">BỘ PHẬN ĐÀO TẠO<br/>TRUNG TÂM ĐIỆN TỬ TIN HỌC</span>    <span class="h_right">Độc lập - Tự do - Hạnh Phúc</span></div><div class="box"><span class="h_left" ><div class="line"></div></span><span class="h_right"><div class="line"></div></span></div>');
        myWindow.document.write('<div class="box" ></div><div class="title">THỐNG KÊ HỌC VIÊN</div>');
        myWindow.document.write('<div class="box">Dữ Liệu Thống Kê: '+document.getElementById("daterangerpicker").value+'</div></br>');
        myWindow.document.write(document.getElementById("results").innerHTML);
        myWindow.document.write('<div class="box" ></div><div class="sign">Người Lập Thống Kê</div><div class="big-box-res">');
        myWindow.document.write('<br/><br/><br/><div class="box" ></div><div class="sign">');
        myWindow.document.write(document.getElementById('ten_can_bo').innerHTML);
        myWindow.document.write('</div><div class="big-box-res">');
    });

</script>
@stop


